/**
 * @class tuan.view.sanpham.SanphamWrapperView
 * @extends extendsClass
 * Description
 */
// var filterComboboxDonHang = Ext.create("Ext.data.Store", {
//     fields: ["id","title"],
//     data: [
//     { id: "1", title: "Đơn hàng mới"},
//     { id: "2", title: "Đơn hàng chưa xử lý"},
//     { id: "3", title: "Đơn hàng chưa đang đợi thanh toán"},
//     ]
// });
Ext.apply(Ext.form.field.VTypes, {
            daterange: function(val, field) {
                var date = field.parseDate(val);
                if (!date) {
                    return false;
                }
                if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
                    var start = field.up('form').down('#' + field.startDateField);
                    start.setMaxValue(date);
                    start.validate();
                    this.dateRangeMax = date;
                }
                else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
                    var end = field.up('form').down('#' + field.endDateField);
                    end.setMinValue(date);
                    end.validate();
                    this.dateRangeMin = date;
                }
                /*
                    * Always return true since we're only using this vtype to set the
                    * min/max allowed values (these are tested for after the vtype test)
                    */
                return true;
            },
            daterangeText: 'Start date must be less than end date',
        });
Ext.define('tuan.view.donhang.DonHangWapperView', {
    extend: 'Ext.tab.Panel',
    xtype : "donhang_wrapper_panel",
    id : 'donhang_wrapper_panel_id',
    // title : "Quản lý Đơn Hàng",
    titleAlign : "center",
   
    defaults: {
        collapsible: true,
        split: true,
        // bodyStyle: 'padding:5px'
    },
    items: [
        {
            title: 'Danh sách đơn hàng',

            layout: {
                type: 'hbox',
                pack: 'start',
                align: 'stretch'
            },
            items: [
                {
                    flex:3,
                    // id : "don_hang_view_zone",
                    itemId : 'don_hang_view_zone',
              
                    items : [
                        {
                            layout : 'hbox',
                            pack: 'start',
                            align: 'stretch',
                            items : [
                                {
                                    layout : 'hbox',
                                    items :[

                                        {
                                            xtype : 'button',
                                            text : 'Tạo đơn hàng mới',
                                            margin : 10,
                                            // id : 'btn_add_new_order',
                                            itemId : 'btn_add_new_order'
                                        },
                                        {
                                            xtype : 'combobox',
                                            // store : filterComboboxDonHang,
                                            store : null,
                                            // id: 'filterComboboxDonHang',
                                            itemId : 'filterComboboxDonHang',
                                            displayField : "name",
                                            valueField : "id",
                                            margin : 10,
                                            fieldLabel : 'Lọc theo trạng thái đơn hàng',
                                            width : 300
                                        },
                                        {
                                            xtype : 'button',
                                            text : 'Đơn hàng trong ngày',
                                            // id : 'filterDonhangtrongngay',
                                            itemId : 'filterDonhangtrongngay',
                                            margin : 15,
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            itemId : 'don_hang_gird',
                            xtype : 'don-hang-grid-view-master',

                        }   
                    ]
                    // xtype : "product_grid_xtype"
                },
                {
                    // id : 'detail_donhang_management',
                    itemId : 'detail_donhang_management',
                    title : 'Chi tiết đơn hàng',
                    flex:3,

                    defaults: {
                        collapsible: true,
                        split: true,
                        // bodyStyle: 'padding:5px'
                    },
                    // xtype : 'form-product-xtype'
                    items : [
                        {
                            xtype : 'form',
                            // id : 'formOrderDetail',

                            itemId : 'formOrderDetail',
                            
                            height : 300,
                            autoScroll: true,
                            title:'Chỉnh sửa đơn hàng',
                            items: [
                                {
                                    xtype: "fieldset", title: "Chỉnh sửa đơn hàng",
                                    margin : 10,
                                    defaults: { xtype: "textfield",margin : 10 },
                                    items: [
                                        {
                                            // xtype : 'label',
                                            fieldLabel: "Tên người lập hóa đơn",
                                            name: 'ten_nguoi_lap_hoa_don',
                                            readOnly:true
                                        },
                                                 {
                                            // xtype : 'label',
                                            fieldLabel: "Mã nhân viên",
                                            name: 'ma_nguoi_nhap',
                                            readOnly:true
                                        },
                                        {
                                            fieldLabel : 'Mã Đơn Hàng',
                                            name : 'id',
                                            readOnly:true
                                        },
                                        {

                                            fieldLabel : 'Mã Khách Hàng',
                                            name : 'account_id',
                                            readOnly:true
                                        },
                                        {
                                            fieldLabel : 'Tên người gửi',
                                            name : 'customer_name'
                                        },
                                        {
                                            fieldLabel : 'Phone',
                                            name : 'customer_phone'
                                        },
                                        {
                                            xtype : 'textarea',
                                            fieldLabel : 'Địa chỉ',
                                            name : 'address',
                                            width : 400,
                                        },
                                        {
                                            fieldLabel : 'Tên người nhận',
                                            name : 'ten_nguoi_nhan'
                                        },
                                        {
                                            fieldLabel : 'Số điện thoại người nhận',
                                            name : 'so_phone_nguoi_nhan'
                                        },
                                        {
                                            xtype : 'textarea',
                                            fieldLabel : 'Địa chỉ giao hàng',
                                            name : 'billing_address',
                                            width : 400,
                                        },
                                        { 
                                            fieldLabel : 'Ngày dat hàng',
                                            xtype : 'datefield',
                                            name : 'order_date',
                                            format: 'd/m/Y',
                                            editable : false,
                                             readOnly:true
                                        },
                                        {
                                            fieldLabel : 'Ngày bắt đầu giao hàng',
                                            xtype : 'datefield',
                                            name : 'ngay_giao_hang',
                                            format: 'd/m/Y',
                                            editable : false,
                                        },
                                        {
                                            fieldLabel : 'Ngày kết thúc',
                                            xtype : 'datefield',
                                            name : 'deadline',
                                            format: 'd/m/Y',
                                            editable : false,
                                        },

                                        {
                                            xtype : 'textarea',
                                            fieldLabel : 'Ghí chú',
                                            name : 'note',
                                            width : 400,
                                        },
                                        {
                                            xtype : 'button',
                                            text : 'Chỉnh sửa',
                                            itemId : 'btnUpdateOrder',
                                            id : 'btnUpdateOrder'
                                        },
                                        {
                                            xtype : 'button',
                                            text : 'Xóa Order',
                                            itemId : 'btnDeleteOrder'
                                        },
                                        {
                                            xtype : 'button',
                                            text : 'In Order',
                                            itemId : 'btnPrintOrder'
                                        },
                                    ]
                                }
                            ]
                        },
                        {
                            title : 'Chi tiết đơn hàng',
                            autoScroll: true,
                            height : '100%',
                            items: [
                                {
                                    xtype : 'grid',
                                    // id : 'orderDetail_viewGird',
                                    itemId : 'orderDetail_viewGird',
                                    columns : [
                                        {
                                            xtype : "rownumberer"
                                        },
                                        {
                                          header : "Mã sản phẩm",
                                          dataIndex : "product_id",
                                          renderer : function(value){
                                            return '#'+value
                                          },
                                          flex:1
                                        },
                                        {
                                          header : "Tên sản phẩm",
                                          dataIndex : "product_name",
                                          flex:2
                                        },
                                        {
                                            header : 'Danh mục',
                                            dataIndex : "product_cate",
                                            flex : 2
                                        },
          
                                        {
                                            header : 'Quantity',
                                            dataIndex : 'quantity',
                                            flex : 1
                                        },
                                        {
                                            header : 'Thành tiền',
                                            dataIndex : "price",
                                             flex : 3
                                        },
                                    ]
                                },
                                {
                                    xtype:"tbtext",
                                    text:"Total : ",
                                    itemId : 'total_text'
                                }
                            ]
                        }
                    ]
                }
            ]
        }, 
        {
            title: 'Thống kê doanh thu',
            id : 'thong_ke_don_hang_view',
            xtype : 'tab-thong-ke-donhang'
        }, 
    ]
});